<template>
  <view class="recharge-record-container">
    <view class="recharge-record-list">
      <!-- 月份分组 -->
      <view class="recharge-record-month">
        <view class="recharge-record-month-header">
          <text class="month">10月</text>
          <text class="total">总金额：￥4000.00</text>
        </view>
        <view class="recharge-record-item">
          <view class="recharge-record-info">
            <view class="order">订单–87297520848</view>
            <view class="date">今天 18:10:23</view>
          </view>
          <view class="recharge-record-type">微信支付</view>
          <view class="recharge-record-amount">1000.00</view>
          <view class="recharge-record-status">充值成功</view>
        </view>
        <!-- 其它订单... -->
      </view>
      <!-- 其它月份... -->
    </view>
  </view>
</template>

<script>
export default {
  name: 'RechargeRecord',
  data() {
    return {};
  }
};
</script>

<style src="./recharge.css"></style> 